<template>
	<div>
		<span class="img">
			<img src="https://chst.vip/avatar/headimgurl-1657603631095.webp" width="200px"/>
		</span>
		
		<el-descriptions class="margin-top" title="我的中心" :column="2" :size="size" border>
    <template slot="extra">
      <el-button type="primary" size="small">操作</el-button>
    </template>
    <el-descriptions-item>
      <template slot="label">
        unid
      </template>
     {{user.unid}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
       账号
        
      </template>
      {{user.username}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        vip等级
      </template>
     {{user.vipLevel}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        vip到期时间
      </template>
	  {{user.vipExpires}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        昵称
      </template>
      <el-tag size="small">{{user.nickname}}</el-tag>
    </el-descriptions-item>
	<el-descriptions-item>
      <template slot="label">
       手机号
      </template>
	  {{user.phone}}
    </el-descriptions-item>
	<el-descriptions-item>
      <template slot="label">
        角色名称
      </template>
	  {{user.roleName}}
    </el-descriptions-item>
	<el-descriptions-item>
      <template slot="label">
        性别
      </template>
	  {{user.sex}}
    </el-descriptions-item>
	<el-descriptions-item>
      <template slot="label">
        省份
      </template>
	  {{user.province}}
    </el-descriptions-item>
	<el-descriptions-item>
      <template slot="label">
        城市
      </template>
	  {{user.city}}
    </el-descriptions-item>
  </el-descriptions>
	</div>
</template>
<script>
import storage from '@/utils/storage';
	export default {
		data(){
			return{
				user:{},
				size:""
			}
		},
		meta: {
			title: "wdzx",
			icon:"iconfont icon-wode"
		},
		mounted(){
			let userInfo=storage.get('userInfo');
			console.log(userInfo)
			this.user=userInfo
		}
	};
</script>
<style scoped>
.img{
    line-height: 200px;
}
.el-descriptions__body {
   color: #000 !important;
   
}
</style>